<script lang="ts" setup>
import { ref } from 'vue'
import iconUrl from '@icon/open.vue'

const message = ref('')

const handleClick = () => {
  message.value = '按钮被点击了!'
}
</script>

<template>
    <div class="header-container">
        <n-button class="icon-button" @click="handleClick">
           <!--  <iconUrl /> -->
            点击
        </n-button>
        <div class="message">{{ message }}</div>
    </div>
</template>

<style scoped>
.header-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

</style>
